.home-container {
  padding: 24px;
  min-height: 100vh;
  background-color: #f0f2f5;

  .stat-card {
    height: 100%;
    transition: all 0.3s;
    
    &:hover {
      transform: translateY(-5px);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    }

    &.success {
      .ant-statistic-title {
        color: #52c41a;
      }
    }

    &.warning {
      .ant-statistic-title {
        color: #faad14;
      }
    }

    &.info {
      .ant-statistic-title {
        color: #1890ff;
      }
    }

    .ant-statistic-title {
      font-size: 16px;
      margin-bottom: 16px;
    }

    .ant-statistic-content {
      font-size: 24px;
    }
  }

  .nav-card {
    .nav-button {
      height: 48px;
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s;

      &:hover {
        transform: translateY(-2px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
      }

      .anticon {
        font-size: 20px;
        margin-right: 8px;
      }
    }
  }
}

// 响应式布局
@media (max-width: 576px) {
  .home-container {
    padding: 12px;
  }
} 